<template>
<div>
    <div class="mybackdiv"><img src="../../../assets/phone/pxback.png" class="mybackimg" @click="goback"></div>
    <img src="../../../assets/icon/hggood-1.png" class="myupimg">
    <PxODSituation/>
    <PxODProductList/>
    <PxODTrack/>
</div>
</template>

<script>
import PxODSituation from './situation/PxODSituation.vue'
import PxODProductList from './productlist/PxODProductList.vue'
import PxODTrack from './track/PxODTrack.vue'
export default {
    name:'PxOrderDetails',
    components:{PxODSituation,PxODProductList,PxODTrack},
    methods:{
        goback(){this.$router.push({name:'PxOrderList'})},
    },
}
</script>

<style scoped>
.mybackdiv{
    padding-top: 5px;
    width: 100%;
    position: fixed;
    top: 0px;
    z-index: 3;
}
.mybackimg{
    height: 40px;
    width: 40px;
}
.myupimg{
    margin-top: 40px;
    width: 100%;
    height: 100%;
}
</style>